<%@page contentType="text/html" %>
<%@page pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>QQ空间-分享生活，留住感动</title>
    <link type="text/css" rel="stylesheet" href="../css/login.css">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    -->
</head>
<style type="text/css">
    body {
        background-image: url(../img/login.jpg);
        background-size: cover;
    }

    .login{
        width:450px;
        height: 340px;
        position: absolute;
        top: 200px;
        left:990px;
        background-color: white;
    }

</style>
<body>
<form action="/login.do" method="post">
    <div class="login">
        <div id="biaoti">帐号密码登录</div>
        <div id="biaoti2">推荐使用<a href="jsp/login2.jsp"><span id="span">快速安全登录</span></a>，防止盗号。</div>
        <div class="form-group">
            <div>
                <input style=" width: 280px;height:40px;" id="username"  class="form-control" name="account" placeholder="支持QQ号/邮箱/手机登录">
            </div>
            <div class="form-group2">
                <div>
                    <input style=" width: 280px;height:40px;" type="password" id="password"  class="form-control" name="password" placeholder="密码">
                </div>
            </div>
            <div class="form-group3">
                <div>
                    <input id="aaa" style="width: 280px;height:40px;  color:white;font-family: '微软雅黑';font-size: 20px;" type="submit"  class="form-control" value="登录">
                </div>
            </div>
            <div class="di">
                <a href=""><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">忘记密码？ |</span></a>
                <a href=""><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">注册新账号 |</span></a>
                <a href=""><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">意见反馈</span></a>
            </div>
        </div>
    </div>
</form>
<div class="dibu">
    <div class="apple">
        <a href="#">
            <img src="../img/apple.png"/>
            <br/>
            <span id="dispan03">iPhone</span>
        </a>
    </div>
    <div class="ipad">
        <a href="#">
            <img src="../img/iphone.png">
            <br/>
            <span id="dispan04">iPad</span>
        </a>
    </div>
    <div class="ren">
        <a href="#">
            <img src="../img/ren.png">
            <br/>
            <span id="dispan05">Android</span>
        </a>
    </div>
    <div class="window">
        <a href="#">
            <img src="../img/wid.png">
            <br/>
            <span id="dispan06">Windows<br/>Phone</span>
        </a>
    </div>

    <div class="qiqiq" style="width: 100px;">
        <a href="#">
            <img src="../img/1ita.png">
            <br/>
            <span id="dispan07">其他手机</span>
        </a>

    </div>

    <p id="p"><a href=""><span id="dispan02">反馈建议 |</span></a> <a href=""><span id="dispan02">官方空间 |</span></a> <a
            href=""><span id="dispan02">空间活动 | </span></a> <a href=""><span id="dispan02">空间应用 |</span></a> <a
            href=""><span id="dispan02">腾讯原创馆 |</span></a>
        <a href=""><span id="dispan02"> QQ互联 |</span></a><a href=""><span id="dispan02">QQ登录 |</span></a><a href="">
            <sapn id="dispan02"> 社交组件 |</sapn>
        </a> <a href=""><span id="dispan02">应用侵权投诉 |</span></a>
        <a href="">
            <sapn id="dispan02">Complaint Guidelines</sapn>
        </a>
    </p>

    <p id="pp"><span id="dispan02">Copyright © 2005 - 2019 Tencent.All Rights Reserved.</span></p>
    <p id="ppp"><span id="dispan02">腾讯公司 版权所有 粤网文[2017]6138-1456号</span></p>
</div>
</body>
</html>